<template>
  <div id="allmap" class="allmap"></div>
</template>
<script>
export default {
  name: 'Map',
  data(){
      return{

      }
  },
  methods:{

  },
  mounted(){
      // 百度地图API功能
    var map = new BMap.Map("allmap"); // 创建Map实例
    map.centerAndZoom(new BMap.Point(118.045078, 24.61507), 20); // 初始化地图,设置中心点坐标和地图级别
    map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
    map.setCurrentCity("厦门"); // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);
    var point = new BMap.Point(118.045078, 24.61507);
    var opts = {
      position : point,    // 指定文本标注所在的地理位置
      offset   : new BMap.Size(-85, -70)    //设置文本偏移量
    }
    var label = new BMap.Label("厦门中星云智能科技有限公司", opts);  // 创建文本标注对象
      label.setStyle({
        color : "black",
        fontSize : "14px",
        height : "20px",
        lineHeight : "20px",
        fontFamily:"微软雅黑"
      });
    map.addOverlay(label);
    map.centerAndZoom(point, 18);
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);               // 将标注添加到地图中
    marker.setAnimation(BMAP_ANIMATION_BOUNCE); 
  }
}    
</script>
<style scoped>
.allmap{
    width: 1200px;
    height: 594px;
    margin: 100px auto 100px;
}
</style>
